<script lang="ts" setup>
import { ElTable, ElTableColumn, ElCheckbox, ElPopconfirm } from 'element-plus'
const tableData = [
  {
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles'
  }
]
</script>
<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column label="全选" width="180">
      <template #header>
        <el-popconfirm title="Are you sure to delete this?">
          <template #reference>
            <el-checkbox />
          </template>
        </el-popconfirm>
      </template>

      <template #default> 123 </template>
    </el-table-column>
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>
</template>
